<template>
  <el-container class="logManagement_logSearching-setting">
    <el-main>
      <el-card shadow="never" class="commercial-tenant-title">
        <el-tabs v-model="tabsName" @tab-click="handleClick">
          <el-tab-pane label="平台日志" name="0">
            <TenantLogSearching :key="isShow0" />
          </el-tab-pane>
          <el-tab-pane label="客服日志" name="1">
            <ServiceLogSearching :key="isShow1" />
          </el-tab-pane>
          <el-tab-pane label="商户日志" name="2">
            <ShopLogSearching :key="isShow2" />
          </el-tab-pane>
          <el-tab-pane label="会员日志" name="3">
            <MemberLogSearching :key="isShow3" />
          </el-tab-pane>
        </el-tabs>
      </el-card>
    </el-main>
  </el-container>
</template>

<script>
import TenantLogSearching from './components/tenantLogSearching'
import ServiceLogSearching from './components/serviceLogSearching'
import ShopLogSearching from './components/shopLogSearching'
import MemberLogSearching from './components/memberLogSearching'

export default {
  components: {
    TenantLogSearching,
    ServiceLogSearching,
    ShopLogSearching,
    MemberLogSearching
  },
  data() {
    return {
      isShow0: 0,
      isShow1: 0,
      isShow2: 0,
      isShow3: 0,
      tabsName: 0
    }
  },
  mounted() {
  },
  methods: {
    handleClick() {
      if (this.tabsName === '0') {
        this.isShow0++
      } else if (this.tabsName === '1') {
        this.isShow1++
      } else if (this.tabsName === '2') {
        this.isShow2++
      } else if (this.tabsName === '3') {
        this.isShow3++
      }
    }
  }
}
</script>

<style lang="scss">
.logManagement_logSearching-setting {}
</style>
